<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>售后记录</title>
		<link href="../../plugin/css/fonts/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../plugin/weui/css/weui.min.css">
		<link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css">
		<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/global.css" />
		<link rel="stylesheet" type="text/css" href="../css/orderList.css" />
	</head>

	<body>
		<div id="app">
			<div class="content">
				<!--无售后记录-->
				<div class="background-icon" v-if="orderList.length === 0">
					<div class="backgroundImg fa fa-3x fa-wpforms"></div>
					<div class="backgroundFont">还没有售后记录</div>
				</div>
				<div v-for="(order,index) in orderList" :class="'mui-card ' +getRepairState(order).state" v-cloak>
					<div class="mui-card-header">
						<span>工单编号:{{order.workOrderNo}}</span>
						<span class="Card_status">{{getRepairState(order).text}}</span>
					</div>
					<div class="cardLeft">
						<img :src="order.productImage" />
					</div>
					<div class="cardRight">
						<a :href="'orderDetails3.html?id='+order.id">
							<div class="mui-card-content">
								<div class="productName">
									<span>{{order.productName}}</span>
								</div>
								<div class="pruductDate">
									<span>{{order.purchaseDate}}</span>
								</div>
							</div>
						</a>
						<div class="mui-card-footer">
							<div class="cardfoot" v-html="getRepairState(order,index).button"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
		<script src="../../plugin/jquery/jquery.cookie.js"></script>
		<script src="../../plugin/weui/js/jquery-weui.min.js"></script>
		<script src="../../plugin/vue/vue.min.js"></script>
		<script src="../../plugin/mui/js/mui.min.js"></script>

		<script src="../../common/server.js"></script>
		<script src="../../common/constant.js"></script>
		<script src="../js/orderList.js"></script>
	</body>

</html>